<%- include ../include/head %>
            <input type="hidden" id="js_current" value="hotel_list"/>
			<!-- Page Head -->
			<h2>Search</h2>
			<p id="page-intro">choice</p>
			<div class="clear"></div> <!-- End .clear -->
			
			<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					<h3>List</h3>
					<ul class="content-box-tabs">
						<li><a href="#tab1" class="default-tab">Table</a></li>
					</ul>
					<div class="clear"></div>
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
					<div class="tab-content default-tab" id="tab1"> <!-- This is the target div. id must match the href of this div's tab -->

						<form action="/admin/hotel/search" method="post">
							<fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
								<p>
									<label>Small form input</label>
									<input class="text-input small-input" type="text" id="small-input" name="name" />
									<br /><small>A small description of the field</small>
								</p>
								<p>
									<label>This is a drop down list</label>
									<select name="countries_id" class="small-input">
										<option value="2">Option 1</option>
										<option value="2">Option 2</option>
										<option value="2">Option 3</option>
										<option value="2">Option 4</option>
									</select>
								</p>
								<p>
									<input class="button" type="submit" value="Search" />
								</p>
							</fieldset>
							<div class="clear"></div><!-- End .clear -->
						</form>

						<!--<div class="notification attention png_bg">-->
							<!--<a href="#" class="close"><img src="/admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>-->
							<!--<div>-->
								<!--This is a Content Box. You can put whatever you want in it. By the way, you can close this notification with the top-right cross.-->
							<!--</div>-->
						<!--</div>-->
						
						<table>
							<thead>
								<tr>
								   <th><input class="check-all" type="checkbox" /></th>
								   <th>hotel_id</th>
								   <th>name</th>
								   <th>country_id</th>
								   <th>photo1</th>
								   <th>contact_email</th>
								</tr>
							</thead>

							<tfoot>
								<tr>
									<td colspan="6">
										<div class="bulk-actions align-left">
											<select name="dropdown">
												<option value="option1">Choose an action...</option>
												<option value="option2">Edit</option>
												<option value="option3">Delete</option>
											</select>
											<a class="button" href="#">Apply to selected</a>
										</div>
										
										<div class="pagination">
											<% for(var i=1; i<=(totalPage+1); i++) { %>
											   <a href="/admin/hotel/search?page=<%=i %>" class="number" title="i"><%= i %></a>
									        <% } %>
										</div> <!-- End .pagination -->
										<div class="clear"></div>
									</td>
								</tr>
							</tfoot>
							<tbody>
							<% for (var i in hotels){ %>
								<tr>
									<td><input type="checkbox" /></td>
									<td><%= hotels[i].hotel_id %></td>
									<td><a href="/admin/hotel/eidt?id=<%= hotels[i].hotel_id %>" title="<%= hotels[i].name %>"><%= hotels[i].name %></a></td>
									<td><%= hotels[i].country_id %></td>
									<td>
										<%  if(hotels[i].photo1){ %><img src="<%=hotels[i].photo1%>" width="60" height="60" alt=""/><%}%>
										<%	if(hotels[i].photo2){ %><img src="<%=hotels[i].photo2%>" width="60" height="60" alt=""/><%}%>
										<%	if(hotels[i].photo3){ %><img src="<%=hotels[i].photo3%>" width="60" height="60" alt=""/><%}%>
										<%	if(hotels[i].photo4){ %><img src="<%=hotels[i].photo4%>" width="60" height="60" alt=""/><%}%>
										<%	if(hotels[i].photo5){ %><img src="<%=hotels[i].photo5%>" width="60" height="60" alt=""/><%}%>
									</td>
									<td><%= hotels[i].contact_email %></td>
									<td>
										<!-- Icons -->
										 <a href="/admin/hotel/edit?id=<%= hotels[i].hotel_id %>" title="Edit"><img src="/admin/images/icons/pencil.png" alt="Edit" /></a>
										 <a href="/admin/hotel/delete?id=<%= hotels[i].hotel_id %>" title="Delete"><img src="/admin/images/icons/cross.png" alt="Delete" /></a>
										 <!--<a href="#" title="Edit Meta"><img src="/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a>-->
									</td>
								</tr>
							<% } %>
							</tbody>
						</table>
					</div> <!-- End #tab1 -->
				</div> <!-- End .content-box-content -->
			</div> <!-- End .content-box -->
			<div class="clear"></div>

<!-- End Notifications -->
<%- include ../include/foot %>